<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Painel de Candidatos</title>

	<link rel="stylesheet" href="includes/css/jquery.ui.all.css">
   	<link rel="stylesheet" href="includes/css/jquery.ui.tabs.css">
   	<link rel="stylesheet" href="includes/css/demo_page.css">
   	<link rel="stylesheet" href="includes/css/jquery.dataTables.css"> 
    <link rel="StyleSheet" href="includes/css/ui-lightness/jquery-ui-1.8.6.custom.css" type="text/css" media="all"/>
    <link rel="StyleSheet" href="includes/css/jquery.tagedit.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="includes/css/chosen.css">
    <link rel="stylesheet" href="includes/css/validationEngine.jquery.css">

	<script src="includes/js/jquery/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="includes/js/jquery/jquery-ui-1.10.3.custom.min.js"></script>
    <script src="includes/js/jquery/jquery.dataTables.js"></script>
    <script src="includes/js/jquery/chosen.jquery.js"></script>
    <script src="includes/js/jquery/jquery.knob.js"></script>
    <script src="includes/js/jquery/pusher.color.min.js"></script>
    <script src="includes/js/jquery/jquery.validationEngine-pt_BR.js"></script>
    <script src="includes/js/jquery/jquery.validationEngine.js"></script>
    
    <script src="includes/js/comum/comum.js"></script>
    <script src="includes/js/comum/combos.js"></script>
    <script src="includes/js/candidato/listas_candidato.js"></script>
    <script src="includes/js/candidato/manter_candidato_ready.js"></script>
    <script src="includes/js/candidato/manter_candidato.js"></script>
    
    <style>
		.tabs {
			font-size:12px;	
		}
		#rating {
			float:right;	
		}
		
		.ui-autocomplete {
	        max-height: 100px;
	        overflow-y: auto;
	        /* prevent horizontal scrollbar */
	        overflow-x: hidden;
	        /* add padding to account for vertical scrollbar */
	        padding-right: 20px;
	    }		
	    
		.ui-tabs-panel { 
			height: 100%;
		} 
		
		#tab_formacao {
			height: 100%;
		}
		
		fieldset {
			border-radius: 15px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			border: 1px solid #AAAAAA;"		
		}
		
	</style>
    
</head>

<body>
	<form>
		<div id="tabs-inc">
			<ul class="tabs">
				<li id="dados_gerais_tab"><a href="#tab-dados-gerais-inc">Dados Gerais</a></li>
				<li id="formacoes_tab"><a href="#tab-formacoes-inc">Formações</a></li>
				<li id="historico_tab"><a href="#tab-historico-inc">Histórico Profissional</a></li>
				<li id="expectativa_tab"><a href="#tab-expectativa-inc">Expectativa Profissional</a></li>
				<li id="avaliacao_tab"><a href="#tab-avaliacao-inc">Avaliação Consultor</a></li>
				<li id="eventos_tab"><a href="#tab-eventos-inc">Eventos</a></li>
				<li id="rating"><a href="#tab-rating-inc">Preenchimento 0%</a></li>
			</ul>
		
			<div id="tab-dados-gerais-inc">
				<div align="right" id="div_botao_candidato">
					<c:if test="${candidato.id != null}">
						<img onclick="alterarCandidato()" src="includes/images/Icon-Disk01-Blue.png" width="20" height="20">
					</c:if>
					<c:if test="${candidato.id == null}">
						<img onclick="salvarCandidato()" src="includes/images/Icon-Disk01-Blue.png" width="20" height="20">
					</c:if>
				</div>
				<div id="div_id_candidato">
					<input type="hidden" id="id_candidato" name="candidato.id" value="${candidato.id}" />
					<input type="hidden" id="id_dados_pessoais" name="candidato.dadosPessoais.id" value="${candidato.dadosPessoais.id}" />
					<input type="hidden" id="id_endereco" name="candidato.dadosPessoais.endereco.id" value="${candidato.dadosPessoais.endereco.id}" />
				</div>
				<s:form theme="simple" id="form_dados_pessoais">
				<div style="background-color: #FFFFFF; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #AAAAAA;">
					<table style="margin-left:10px;" border="0" width="98%">
						<tr>
							<td>
								<table class="tabs">
									<tr>
										<td><b>Nome</b></td>
										<td><b>Nome do Meio</b></td>
										<td><b>Sobrenome</b></td>
										<td><b>Sexo</b></td>
										<td><b>Idade</b></td>
										<td><b>Estado Civil</b></td>
										<td><b>Escolaridade</b></td>
									</tr>
									<tr>
										<td><input type="text" name="candidato.dadosPessoais.nome" value="${candidato.dadosPessoais.nome}" class="validate[required] text-input" id="nome_id" size="30" style="margin-left:10px;" /></td>
										<td><input type="text" name="candidato.dadosPessoais.nomeMeio" value="${candidato.dadosPessoais.nomeMeio}" id="nomeMeio_id" size="30" style="margin-left:10px;" /></td>
										<td><input type="text" name="candidato.dadosPessoais.sobrenome" value="${candidato.dadosPessoais.sobrenome}" id="sobrenome_id" style="margin-left:10px;" /></td>
										<td>
											<s:select id="sexo_id" headerKey="" cssStyle="margin-left:10px;" headerValue="Selecione..." name="candidato.dadosPessoais.sexo" list="#{'M':'Masculino','F':'Feminino'}" />
										</td>
										<td><input type="text" name="candidato.dadosPessoais.idade" id="idade_id" size="3" value="${candidato.dadosPessoais.idade}" style="margin-left:10px;" /></td>
										<td>
											<s:select id="estadoCivil_id" headerKey="" cssStyle="margin-left:10px;" headerValue="Selecione..." name="candidato.dadosPessoais.estadoCivil.id" list="#{'1':'Solteiro','2':'Casado', '3':'Viúvo'}" />
										</td>
										<td>
											<s:select id="escolaridade_id" headerKey="" cssStyle="margin-left:10px;" headerValue="Selecione..." name="candidato.dadosPessoais.escolaridade.id" list="#{'1':'2º grau completo'}" />
										</td>
									</tr>
									<tr>
										<td><b>CPF</b></td>
										<td><b>Telefone Residencial</b></td>
										<td><b>Telefone Celular</b></td>
										<td><b>Telefone Comercial</b></td>
										<td colspan="3"><b>E-mail</b></td>
									</tr>
									<tr>
										<td><input type="text" name="candidato.dadosPessoais.cpf" value="${candidato.dadosPessoais.cpf}" id="cpf_id" style="margin-left:10px;" /></td>
										<td><input type="text" name="candidato.dadosPessoais.dddResidencial" value="${candidato.dadosPessoais.dddResidencial}" id="dddResidencial_id" style="margin-left:10px;" size="3" maxlenght="2" /> <input type="text" name="candidato.dadosPessoais.telefoneResidencial" value="${candidato.dadosPessoais.telefoneResidencial}" id="telefoneResidencial_id" style="margin-left:10px;" size="10" maxlenght="9" /></td>
										<td><input type="text" name="candidato.dadosPessoais.dddCelular" value="${candidato.dadosPessoais.dddCelular}" id="dddCelular_id" style="margin-left:10px;" size="3" maxlenght="2" /> <input type="text" name="candidato.dadosPessoais.telefoneCelular" value="${candidato.dadosPessoais.telefoneCelular}" id="telefoneCelular_id" style="margin-left:10px;" size="10" maxlenght="9" /></td>
										<td><input type="text" name="candidato.dadosPessoais.dddComercial" value="${candidato.dadosPessoais.dddComercial}" id="dddComercial_id" style="margin-left:10px;" size="3" maxlenght="2" /> <input type="text" value="${candidato.dadosPessoais.telefoneComercial}" name="candidato.dadosPessoais.telefoneComercial" id="telefoneComercial_id" style="margin-left:10px;" size="10" maxlenght="9" /></td>
										<td colspan="3"><input type="text" name="candidato.dadosPessoais.email" value="${candidato.dadosPessoais.email}" id="email_id" size="30" style="margin-left:10px;" /></td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					</div>
					<br />
					<div style="background-color: #FFFFFF; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #AAAAAA;">
					<table style="margin-left:10px;border-style: dotted;" border="0" width="95%">
						<tr>
							<td width="80%">
								<table class="tabs" width="100%" border="0">
									<tr>
										<td><b>Nacionalidade</b></td>
										<td><b>CEP</b></td>
										<td><b>UF</b></td>
										<td><b>Cidade</b></td>
									</tr>
									<tr>
										<td>
											<s:select headerKey="" cssStyle="margin-left:10px;" headerValue="Selecione..." name="candidato.dadosPessoais.nacionalidade" list="#{'1':'Brasileiro'}" />
										</td>
										<td>
											<input type="text" name="candidato.dadosPessoais.endereco.cep" value="${candidato.dadosPessoais.endereco.cep}" style="margin-left:10px;">
										</td>
										<td>
											<s:select headerKey="" cssStyle="margin-left:10px;" headerValue="Selecione..." name="candidato.dadosPessoais.endereco.uf" list="#{'RJ':'RJ'}" />
										</td>
										<td>
											<s:select headerKey="0" cssStyle="margin-left:10px;" headerValue="Selecione..." name="candidato.dadosPessoais.endereco.cidade" list="#{'1':'Rio de Janeiro'}" />
										</td>
									</tr>	
									<tr>
										<td><b>Bairro</b></td>
										<td><b>Logradouro</b></td>
										<td><b>Número</b></td>
										<td><b>Complemento</b></td>
									</tr>
									<tr>
										<td>
											<s:select headerKey="0" cssStyle="margin-left:10px;" headerValue="Selecione..." name="candidato.dadosPessoais.endereco.bairro" list="#{'1':'Grajaú'}" />
										</td>
										<td>
											<input type="text" name="candidato.dadosPessoais.endereco.rua" value="${candidato.dadosPessoais.endereco.rua}" style="margin-left:10px;">
										</td>
										<td>
											<input type="text" name="candidato.dadosPessoais.endereco.numero" value="${candidato.dadosPessoais.endereco.numero}" style="margin-left:10px;">
										</td>
										<td>
											<input type="text" name="candidato.dadosPessoais.endereco.complemento" value="${candidato.dadosPessoais.endereco.complemento}" style="margin-left:10px;">
										</td>
									</tr>
								</table>
							</td>
							<td width="20%" align="center"></td>
						</tr>
					</table>	
					</div>				
					<br />
					<table border="0" width="95%">
						<tr>
							<td width="25%">
							<div style="background-color: #FFFFFF; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #AAAAAA;">
								<table class="tabs" border="0">
									<tr>
										<th colspan="2"><b>Deficiências</b></th>
									</tr>
									<tr>
										<td>
											<select name="candidato.dadosPessoais.indicativoDeficiencia" style="margin-left:10px;">
												<option value="N">Não</option>
												<option value="S">Sim</option>
											</select>
										</td>
										<td>
											<textarea name="candidato.dadosPessoais.descricaoDeficiencia"></textarea>
										</td>
								</table>
								</div>
							</td>	
							<td width="" valign="top">
							<div style="background-color: #FFFFFF; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #AAAAAA;">
								<table class="tabs">
									<tr>
										<th colspan="3"><b>Vivência no Exterior</b></th>
									</tr>
									<tr>
										<td><input name="candidato.dadosPessoais.indicativoVivenciaExterior" value="S" type="radio"> Sim <input type="radio" name="candidato.dadosPessoais.indicativoVivenciaExterior" value="N"> Não</td>
										<td>Período: <input type="text" name="candidato.dadosPessoais.periodoVivenciaExterior" value="1"></td>
										<td><input type="radio" name="candidato.dadosPessoais.atividadeVivenciaExterior" value="T"> Trabalho <input type="radio" name="candidato.dadosPessoais.atividadeVivenciaExterior" value="L"> Lazer <input type="radio" name="candidato.dadosPessoais.atividadeVivenciaExterior" value="E"> Estudo</td>
									</tr>
								</table>
								</div>
							</td>	
						</tr>
					</table>
				</s:form>
			</div>
			<div id="tab-formacoes-inc">
				<div id="tab_formacao">
					<ul>
						<li><a href="#tab-graduacao">Graduação</a></li>
						<li><a href="#tab-pos-graduacao">Pós-Graduação</a></li>
						<li><a href="#tab-curso=extra">Curso Extra</a></li>
						<li><a href="#tab-idioma">Idioma</a></li>
					</ul>
					<div id="tab-graduacao">
						<div id="divListaGraduacao">
							<table id="tabela_formacao_profissional" width="100%">
								<thead>	
									<tr>
										<td align="left" colspan="3"><b>Graduação</b></td>
										<td align="right"><a href="javascript:void(0);" onclick="adicionarGraduacaoProfissional();" class="addFormacoes"><img src="includes/images/plus-512.jpg" width="18" height="18"></a></td>
									</tr>
									<tr>
										<th width="45%"><b>Curso</b></th>
										<th width="25%"><b>Instituição</b></th>
										<th width="20%"><b>Ano de Conclusão</b></th>
										<th width="10%"><b>Ações</b></th>
									</tr>
								</thead>
								<tbody>
									<c:if test="${candidato.graduacaoProfissional != null}">
										<c:forEach items="${candidato.graduacaoProfissional}" var="graduacao">
											<tr>
												<td align="center"><c:out value="${graduacao.cursoGraduacao.descricao}" /></td>
											   	<td align="center"><c:out value="${graduacao.instituicaoEnsino.descricao}" /></td>
											   	<td align="center"><c:out value="${graduacao.anoConclusao}" /></td>
											   	<td align="center"><img style="cursor: pointer;" onclick="carregaDetalhesGraduacao(<c:out value="${graduacao.id}" />);" src="includes/images/blue-edit-icon.png" width="20" height="20"><img style="cursor: pointer;" onclick="excluirGraduacao(<c:out value="${graduacao.id}" />);" src="includes/images/Trash.png" width="20" height="20"></td>
		   									</tr>
										</c:forEach>
									</c:if>
								</tbody>
							</table>
						</div>
						<div id="dialogGraduacaoProfissional" title="Graduação Profissional">
							<form name="formGraduacaoProfissional">
								<table>
									<tr>
										<td>Graduação</td>
										<td><div id="cursoGraduacaoCombo"></div></td>
									</tr>
									<tr>
										<td>Instituição</td>
										<td><div id="instituicaoGraduacaoCombo"><select name="instituicaoGraduacao" id="instituicao_graduacao_id"><option value="">Selecione...</option></select></div></td>
									</tr>
									<tr>
										<td>Ano de Conclusão</td>
										<td><input type="text" size="4" name="anoConclusao" id="anoConclusao_id"></td>
									</tr>
								</table>
							</form>	
						</div>
					</div>
					<div id="tab-pos-graduacao">	
						<div id="divListaPosGraduacao">
							<table width="100%" id="tabela_pos_graduacao">
								<thead>	
									<tr>
										<td align="left" colspan="4"><b>Pós-Graduação</b></td>
										<td align="right"><a href="javascript:void(0);" onclick="adicionarPosGraduacao();"><img src="includes/images/plus-512.jpg" width="18" height="18"></a></td>
									</tr>
									<tr>
										<th><b>Tipo Curso</b></th>
										<th><b>Curso</b></th>
										<th><b>Instituição</b></th>
										<th><b>Ano Conclusão</b></th>
										<th width="10%"><b>Ações</b></th>
									</tr>
								</thead>
								<tbody>
									<c:if test="${candidato.posGraduacaoProfissional != null}">
										<c:forEach items="${candidato.posGraduacaoProfissional}" var="posGraduacao">
	   										<tr>
	   											<td align="center"><c:out value="${posGraduacao.tipoCursoPos.descricao}" /></td>
												<td align="center"><c:out value="${posGraduacao.pos.descricao}" /></td>
											   	<td align="center"><c:out value="${posGraduacao.instituicaoEnsino.descricao}" /></td>
											   	<td align="center"><c:out value="${posGraduacao.anoConclusao}" /></td>
											   	<td align="center"><img style="cursor: pointer;" onclick="carregaDetalhesPosGraduacao(<c:out value="${posGraduacao.id}" />);" src="includes/images/blue-edit-icon.png" width="20" height="20"><img style="cursor: pointer;" onclick="excluirPosGraduacao(<c:out value="${posGraduacao.id}" />);" src="includes/images/Trash.png" width="20" height="20"></td>
	   										</tr>
										</c:forEach>
									</c:if>
								</tbody>
							</table>
						</div>
						<div id="dialogPosGraduacao" title="Pós Graduação Profissional">
							<form name="formPosGraduacao">
								<table>
									<tr>
										<td>Tipo Curso</td>
										<td><div id="tipoCursoCombo"><select name="tipoCurso" id="tipo_curso_id"><option value="">Selecione...</option></select></div></td>
									</tr>
									<tr>
										<td>Curso Pós</td>
										<td><div id="cursoPosCombo"><select name="pos" id="curso_pos_id"><option value="">Selecione...</option></select></div></td>
									</tr>
									<tr>
										<td>Instituição</td>
										<td><div id="instituicaoPosCombo"><select name="instituicao" id="instituicao_pos_id"><option value="">Selecione...</option></select></div></td>
									</tr>
									<tr>
										<td>Ano Conclusão</td>
										<td><input type="text" size="4" name="anoConclusaoPos" id="ano_conclusao_pos_id"></td>
									</tr>
								</table>
							</form>	
						</div>
					</div>
					<div id="tab-curso=extra">	
						<div id="divListaCursoExtra">
							<table width="100%" id="tabela_curso_extra">
								<thead>	
									<tr>
										<td align="left" colspan="3"><b>Cursos Extras</b></td>
										<td align="right"><a href="javascript:void(0);" onclick="adicionarCursoExtra();"><img src="includes/images/plus-512.jpg" width="18" height="18"></a></td>
									</tr>
									<tr>
										<th><b>Curso</b></th>
										<th><b>Instituição</b></th>
										<th><b>Horas</b></th>
										<th width="10%"><b>Ações</b></th>
									</tr>
								</thead>
								<tbody>
									<c:forEach items="${candidato.cursoExtra}" var="cursoExtra">
										<tr>
											<td align="center"><c:out value="${cursoExtra.nomeCursoExtra}" /></td>
											<td align="center"><c:out value="${cursoExtra.instituicaoEnsino.descricao}" /></td>
											<td align="center"><c:out value="${cursoExtra.horas}" /></td>
											<td align="center"><img style="cursor: pointer;" onclick="carregaDetalhesCursoExtra(<c:out value="${cursoExtra.id}" />);" src="includes/images/blue-edit-icon.png" width="20" height="20"><img style="cursor: pointer;" onclick="excluirCursoExtra(<c:out value="${cursoExtra.id}" />);" src="includes/images/Trash.png" width="20" height="20"></td>
										</tr>
									</c:forEach>
								</tbody>
							</table>
						</div>
						<div id="dialogCursoExtra" title="Curso Extra">
							<form name="formCursoExtra">
								<table>
									<tr>
										<td>Curso</td>
										<td><input type="text" name="nomeCursoExtra" id="nome_curso_extra_id" size="30"></td>
									</tr>
									<tr>
										<td>Instituição</td>
										<td><div id="instituicaoCursoExtraCombo"><select name="instituicao" id="instituicao_extra_id"><option value="">Selecione...</option></select></div></td>
									</tr>
									<tr>
										<td>Horas</td>
										<td><input type="text" size="4" name="horas" id="horas_curso_id"></td>
									</tr>
								</table>
							</form>	
						</div>
					</div>
					<div id="tab-idioma">	
						<div id="divListaIdiomas">
							<table width="100%" id="tabela_idioma">
								<thead>	
									<tr>
										<td align="left" colspan="4"><b>Idiomas</b></td>
										<td align="right"><a href="javascript:void(0);" onclick="adicionarIdioma();"><img src="includes/images/plus-512.jpg" width="18" height="18"></a></td>
									</tr>
									<tr>
										<th><b>Idioma</b></th>
										<th><b>Fala</b></th>
										<th><b>Escrita</b></th>
										<th><b>Leitura</b></th>
										<th width="10%"><b>Ações</b></th>
									</tr>
								</thead>
								<tbody>
									<c:forEach items="${candidato.idiomaDominado}" var="idiomaDominado">
										<tr>
											<td align="center"><c:out value="${idiomaDominado.idioma.descricao}" /></td>
											<td align="center">
												<c:if test="${idiomaDominado.fluenciaFala == 'B'}">
													Básico
												</c:if>
												<c:if test="${idiomaDominado.fluenciaFala == 'I'}">
													Intermediário
												</c:if>
												<c:if test="${idiomaDominado.fluenciaFala == 'F'}">
													Fluente
												</c:if>
												<c:if test="${idiomaDominado.fluenciaFala == 'N'}">
													Nativo
												</c:if>
											</td>	
											<td align="center">
												<c:if test="${idiomaDominado.fluenciaEscrita == 'B'}">
													Básico
												</c:if>
												<c:if test="${idiomaDominado.fluenciaEscrita == 'I'}">
													Intermediário
												</c:if>
												<c:if test="${idiomaDominado.fluenciaEscrita == 'F'}">
													Fluente
												</c:if>
												<c:if test="${idiomaDominado.fluenciaEscrita == 'N'}">
													Nativo
												</c:if>
											</td>
											<td align="center">
												<c:if test="${idiomaDominado.fluenciaLeitura == 'B'}">
													Básico
												</c:if>
												<c:if test="${idiomaDominado.fluenciaLeitura == 'I'}">
													Intermediário
												</c:if>
												<c:if test="${idiomaDominado.fluenciaLeitura == 'F'}">
													Fluente
												</c:if>
												<c:if test="${idiomaDominado.fluenciaLeitura == 'N'}">
													Nativo
												</c:if>
											</td>
											<td align="center"><img style="cursor: pointer;" onclick="carregaDetalhesIdioma(<c:out value="${idiomaDominado.id}" />);" src="includes/images/blue-edit-icon.png" width="20" height="20"><img style="cursor: pointer;" onclick="excluirIdiomaDominado(<c:out value="${idiomaDominado.id}" />);" src="includes/images/Trash.png" width="20" height="20"></td>
	   									</tr>
	   								</c:forEach>
								</tbody>
							</table>
						</div>
						<div id="dialogIdioma" title="Idioma">
							<form name="formIdioma">
								<table>
									<tr>
										<td>Idioma</td>
										<td><div id="idiomaCombo"><select name="idioma" id="idioma_id"><option value="">Selecione...</option></select></div></td>
									</tr>
									<tr>
										<td>Fala</td>
										<td>
											<select name="fala" id="fala_id">
												<option value="">Selecione...</option>
												<option value="B">Básico</option>
												<option value="I">Intermediário</option>
												<option value="F">Fluente</option>
												<option value="N">Nativo</option>
											</select>
										</td>
									</tr>
									<tr>
										<td>Escrita</td>
										<td>
											<select name="escrita" id="escrita_id">
												<option value="">Selecione...</option>
												<option value="B">Básico</option>
												<option value="I">Intermediário</option>
												<option value="F">Fluente</option>
												<option value="N">Nativo</option>
											</select>
										</td>
									</tr>
									<tr>
										<td>Leitura</td>
										<td>
											<select name="leitura" id="leitura_id">
												<option value="">Selecione...</option>
												<option value="B">Básico</option>
												<option value="I">Intermediário</option>
												<option value="F">Fluente</option>
												<option value="N">Nativo</option>
											</select>
										</td>
									</tr>
								</table>
							</form>	
						</div>
					</div>
				</div>		
			</div>	
			<div id="tab-historico-inc">
				<div id="divListaAlocacao">
					<table id="tabela_historico-inc" class="tabs">
						<thead>
							<tr>
								<td align="left" colspan="4"><b>Alocações</b></td>
								<td align="right"><a href="javascript:void(0);" onclick="adicionarAlocacao();"><img src="includes/images/plus-512.jpg" width="18" height="18"></a></td>
							</tr>	
							<tr>
								<th width="20%">Cargo</th>
								<th width="30%">Empresa</th>
								<th width="20%">Período</th>
								<th width="20%">Modalidade Contratação</th>
								<th width="10%"><b>Ações</b></th>
							</tr>
						</thead>
						<tbody>
							<c:forEach items="${candidato.alocacao}" var="alocacao">
							   <tr>
							   		<td align="center"><c:out value="${alocacao.cargo.descricao}" /></td>
							   		<td align="center"><c:out value="${alocacao.empresa.descricao}" /></td>
							   		<td align="center"><c:out value="${alocacao.dataInicio}" /> à <c:out value="${alocacao.dataFim}" /></td>
							   		<td align="center"><c:out value="${alocacao.modalidadeContratacao.descricao}" /></td>
							   		<td align="center"><img style="cursor: pointer;" onclick="carregaDetalhesAlocacao(<c:out value="${alocacao.id}" />);" src="includes/images/blue-edit-icon.png" width="20" height="20"><img style="cursor: pointer;" onclick="excluirAlocacao(<c:out value="${alocacao.id}" />);" src="includes/images/Trash.png" width="20" height="20"></td>
							   </tr>
							</c:forEach>
						</tbody>
					</table>
				</div>
				<br>
				<table border="0" width="100%">
					<tr>
						<td width="50%" valign="top" align="center">
						<div style="background-color: #FFFFFF; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #AAAAAA;">
							<table id="tabela_remuneracao" class="tabs" border="0">
								<tr>
									<td width="100%">
										<table width="100%" class="tabs" border="0">
											<tr>
												<td align="left" colspan="2"><b>Última Remuneração</b></td>
												<td align="right"><img onclick="salvarUltimaRemuneracao();" src="includes/images/Icon-Disk01-Blue.png" width="20" height="20"></td>
											</tr>
											<tr>
												<td>
													<select name="candidato.remuneracao.periodoFixo" id="periodo_fixo_id">
														<option value="M">Mensal</option>
														<option value="A">Anual</option>
													</select>										
												</td>
												<td>
													<select name="candidato.remuneracao.moeda" id="moeda_id">
														<option value="BRL">Real</option>
														<option value="USD">Dólar</option>
													</select>										
												</td>
												<td>
													<input type="text" size="8" maxlenght="10" name="candidato.remuneracao.fixo" value="${candidato.remuneracao.fixo}" id="fixo_id">
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td>
										<table id="tabela_remuneracao_bonus" class="tabs" border="0">
											<tr>
												<td align="left" colspan="2"><b>Bônus/PL/Variável</b></td>
												<td align="right"></td>
											</tr>
											<tr>
												<td>PL</td>
												<td>
													<input name="candidato.remuneracao.pl" id="pl_id" type="text" value="${candidato.remuneracao.pl}" />
												</td>
												<td>
													<select name="candidato.remuneracao.periodoPl" id="periodo_pl_id">
														<option value="M">Mês</option>
														<option value="S">Semestre</option>
														<option value="A">Ano</option>
													</select>										
												</td>
											</tr>
											<tr>
												<td>Bônus</td>
												<td>
													<input name="candidato.remuneracao.bonus" id="bonus_id" type="text" value="${candidato.remuneracao.bonus}"/>
												</td>
												<td>
													<select name="candidato.remuneracao.periodoBonus" id="periodo_bonus_id">
														<option value="M">Mês</option>
														<option value="S">Semestre</option>
														<option value="A">Ano</option>
													</select>										
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
							</div>
						</td>
						<td width="20%">&nbsp;</td>
						<td width="20%" valign="top" align="center">
						<div style="background-color: #FFFFFF; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #AAAAAA;">
							<table id="tabela_area" class="tabs" border="0">
								<tr>
									<td align="left" colspan="2"><b>Áreas de Atuação</b></td>
									<td align="right"><img onclick="salvarAreaAtuacao()" src="includes/images/Icon-Disk01-Blue.png" width="20" height="20"></td>
								</tr>
								<tr>
									<td colspan="3">
										<s:select multiple="true" cssClass="area-atuacao-chosen-select" name="candidato.areaAtuacao" id="areas_id" listKey="id" listValue="descricao" value="comboAreaAtuacaoSelecionada" cssStyle="width:350px;" list="comboAreaAtuacao" />
									</td>
								</tr>
							</table>
							</div>
						</td>
					</tr>
				</table>	
				<div id="dialogAlocacao" title="Alocação">
					<form name="formAlocacao">
						<table>
							<tr>
								<td>Cargo</td>
								<td><div id="cargoCombo"><select name="cargo" id="cargo_id"><option value="">Selecione...</option></select></div></td>
							</tr>
							<tr>
								<td>Empresa</td>
								<td><div id="empresaCombo"><select name="empresa" id="empresa_id"><option value="">Selecione...</option></select></div></td>
							</tr>
							<tr>
								<td>Modalidade Contratação</td>
								<td><div id="modalidadeContratacaoCombo"><select name="modalidadeContratacao" id="modalidade_contratacao_id"><option value="">Selecione...</option></select></div></td>
							</tr>
							<tr>
								<td>Descrição das Atividades</td>
								<td><textarea size="4" name="descricao" id="descricao_atividade_id"></textarea></td>
							</tr>
							<tr>
								<td>Data Início</td>
								<td><input type="text" size="4" name="dataInicio" id="data_inicio_id"></td>
							</tr>
							<tr>
								<td>Data Fim</td>
								<td><input type="text" size="4" name="dataFim" id="data_fim_id"></td>
							</tr>
						</table>
					</form>	
				</div>
			</div>
			<div id="tab-expectativa-inc">
				<table class="tabs" width="100%" style="margin-left:10px;" border="0">
					<tr>
						<td width="40%" valign="top">
							<div id="divListaCargoPretendido">
								<table id="tabela_cargo-inc" align="left" width="100%">
									<thead>
										<tr>
											<td align="left" colspan="2"><b>Cargo Pretendido</b></td>
											<td align="right"><a href="javascript:void(0);" onclick="adicionarCargoPretendido();"><img src="includes/images/plus-512.jpg" width="18" height="18"></a></td>
										</tr>
										<tr>
											<th width="">Cargo</th>
											<th width="">Nível</th>
											<th width="10%"><b>Ações</b></th>
										</tr>
									</thead>
									<tbody>
										<c:forEach items="${candidato.cargoPretendido}" var="cargoPretendido">
											<tr>
		   										<td align="center"><c:out value="${cargoPretendido.cargo.descricao}" /></td>
		   										<td align="center">
													<c:if test="${cargoPretendido.nivel == 'J'}">
														Junior
													</c:if>
													<c:if test="${cargoPretendido.nivel == 'P'}">
														Pleno
													</c:if>
													<c:if test="${cargoPretendido.nivel == 'S'}">
														Sênior
													</c:if>
		   										</td>
		   										<td align="center"><img style="cursor: pointer;" onclick="carregaDetalhesCargoPretendido(<c:out value="${cargoPretendido.id}" />);" src="includes/images/blue-edit-icon.png" width="20" height="20"><img style="cursor: pointer;" onclick="excluirCargoPretendido(<c:out value="${cargoPretendido.id}" />);" src="includes/images/Trash.png" width="20" height="20"></td>
		   									</tr>
										</c:forEach>
									</tbody>
								</table>
							</div>
							<div id="dialogCargoPretendido" title="Cargo Pretendido">
								<form name="formCargoPretendido">
									<table>
										<tr>
											<td>Cargo</td>
											<td><div id="cargoPretendidoCombo"><select name="cargoPretendido" id="cargo_pretendido_id"><option value="">Selecione...</option></select></div></td>
										</tr>
										<tr>
											<td>Nível</td>
											<td>
												<select name="cargoPretendido.nivel" id="nivel_cargo_pretendido_id">
													<option value="">Selecione...</option>
													<option value="J">Junior</option>
													<option value="P">Pleno</option>
													<option value="S">Sênior</option>
												</select>
											</td>
										</tr>
									</table>
								</form>
							</div>
						</td>
						<td width="25%" valign="top">
						<div style="background-color: #FFFFFF; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #AAAAAA;">
							<table id="tabela_salario_pretendido" align="l" width="100%" border="0">
								<thead>
									<tr>
										<td align="left"><b>Salário Pretendido</b></td>
										<td align="right"><img onclick="salvarPretensaoSalarial();" src="includes/images/Icon-Disk01-Blue.png" width="20" height="20"></td>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>Fixo</td>
										<td><input name="candidato.pretensaoSalarial.fixo" id="fixo_pretendido_id" value="${candidato.pretensaoSalarial.fixo}" type="text" size="7" /></td>
									</tr>
									<tr>
										<td>Variável</td>
										<td><input name="candidato.pretensaoSalarial.variavel" id="variavel_pretendido_id" value="${candidato.pretensaoSalarial.variavel}" type="text" size="7" /></td>
									</tr>
									<tr>
										<td>Luvas</td>
										<td><input name="candidato.pretensaoSalarial.luvas" id="luvas_pretendido_id" value="${candidato.pretensaoSalarial.luvas}" type="text" size="7" /></td>
									</tr>
									<tr>
										<td>Total Cash</td>
										<td><input type="text" size="7" /></td>
									</tr>
								</tbody>
							</table>
							</div>
						</td>
						<td width="" valign="top">
						<div style="background-color: #FFFFFF; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #AAAAAA;">
							<table id="tabela_segmento" class="tabs" border="0">
								<tr>
									<td align="left" colspan="2"><b>Segmentos Pretendidos</b></td>
									<td align="right"><img onclick="salvarSegmentos()" src="includes/images/Icon-Disk01-Blue.png" width="20" height="20"></td>
								</tr>
								<tr>
									<td colspan="3">
										<s:select multiple="true" cssClass="segmentos-pretendidos-chosen-select" name="candidato.segmento" id="segmentos_id" listKey="id" listValue="descricao" value="comboSegmentoSelecionado" cssStyle="width:350px;" list="comboSegmento" />
									</td>
								</tr>
							</table>
							</div>
						</td>
					</tr>
				</table>
			</div>
			<div id="tab-avaliacao-inc">
				<div id="div_id_avaliacao">
					<input type="hidden" name="candidato.id" value="${candidato.id}" />
					<input type="hidden" id="id_avaliacao" name="candidato.avaliacao.id" value="${candidato.avaliacao.id}" />
				</div>			
				<div id="div_botao_avaliacao" align="right">
					<c:if test="${candidato.avaliacao.id != null}">
						<img onclick="alterarAvaliacao()" src="includes/images/Icon-Disk01-Blue.png" width="20" height="20">
					</c:if>
					<c:if test="${candidato.avaliacao.id == null}">
						<img onclick="salvarAvaliacao()" src="includes/images/Icon-Disk01-Blue.png" width="20" height="20">
					</c:if>
				</div>			
				<div id="accordion_avaliacao">
					<h3>Apresentação</h3>
					<div>
						<textarea style="margin-left:10px;" cols="110" rows="8" name="candidato.avaliacao.apresentacao"><c:out value="${candidato.avaliacao.apresentacao}" /></textarea>
						<br>
						<c:if test="${candidato.avaliacao.apresentacaoPontuacao != null}">
							<c:if test="${candidato.avaliacao.apresentacaoPontuacao == 1}">
								<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="1" checked="checked" /> 1
								<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="2" /> 2
								<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="3" /> 3
							</c:if>
							<c:if test="${candidato.avaliacao.apresentacaoPontuacao == 2}">
								<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="1" /> 1
								<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="2" checked="checked" /> 2
								<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="3" /> 3
							</c:if>
							<c:if test="${candidato.avaliacao.apresentacaoPontuacao == 3}">
								<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="1" /> 1
								<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="2" /> 2
								<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="3" checked="checked" /> 3
							</c:if>
						</c:if>
						<c:if test="${candidato.avaliacao.apresentacaoPontuacao == null}">
							<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="1" /> 1
							<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="2" /> 2
							<input type="radio" name="candidato.avaliacao.apresentacaoPontuacao" value="3" /> 3
						</c:if>	
					</div>
					<h3>Comunicação</h3>
					<div>
						<textarea style="margin-left:10px;" cols="110" rows="8" name="candidato.avaliacao.comunicacao"><c:out value="${candidato.avaliacao.comunicacao}" /></textarea>
						<br>
						<c:if test="${candidato.avaliacao.comunicacaoPontuacao != null}">
							<c:if test="${candidato.avaliacao.comunicacaoPontuacao == 1}">
								<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="1" checked="checked" /> 1
								<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="2" /> 2
								<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="3" /> 3
							</c:if>
							<c:if test="${candidato.avaliacao.comunicacaoPontuacao == 2}">
								<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="1" /> 1
								<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="2" checked="checked" /> 2
								<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="3" /> 3
							</c:if>
							<c:if test="${candidato.avaliacao.comunicacaoPontuacao == 3}">
								<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="1" /> 1
								<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="2" /> 2
								<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="3" checked="checked" /> 3
							</c:if>
						</c:if>
						<c:if test="${candidato.avaliacao.comunicacaoPontuacao == null}">
							<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="1" /> 1
							<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="2" /> 2
							<input type="radio" name="candidato.avaliacao.comunicacaoPontuacao" value="3" /> 3
						</c:if>							
					</div>			
					<h3>Técnica</h3>
					<div>
						<textarea style="margin-left:10px;" cols="110" rows="8" name="candidato.avaliacao.tecnica"><c:out value="${candidato.avaliacao.tecnica}" /></textarea>
						<br>
						<c:if test="${candidato.avaliacao.tecnicaPontuacao != null}">
							<c:if test="${candidato.avaliacao.tecnicaPontuacao == 1}">
								<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="1" checked="checked" /> 1
								<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="2" /> 2
								<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="3" /> 3
							</c:if>
							<c:if test="${candidato.avaliacao.tecnicaPontuacao == 2}">
								<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="1" /> 1
								<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="2" checked="checked" /> 2
								<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="3" /> 3
							</c:if>
							<c:if test="${candidato.avaliacao.tecnicaPontuacao == 3}">
								<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="1" /> 1
								<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="2" /> 2
								<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="3" checked="checked" /> 3
							</c:if>
						</c:if>
						<c:if test="${candidato.avaliacao.tecnicaPontuacao == null}">
							<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="1" /> 1
							<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="2" /> 2
							<input type="radio" name="candidato.avaliacao.tecnicaPontuacao" value="3" /> 3
						</c:if>							
					</div>
					<h3>Perfil Profissional</h3>												
					<div style="height: 260px;">
						<s:select multiple="true" cssClass="competencias-chosen-select" name="competencias" id="competencias_id" listKey="id" listValue="descricao" value="comboCompetenciaSelecionada" cssStyle="width:350px;" list="comboCompetencia" />
					</div>
				</div>
				<br>
				<h3>Nota:</h3> 	
			</div>
			<div id="tab-eventos-inc">event</div>
			<div id="tab-rating-inc">
			<br>
				<table border="0" align="center" width="90%">
					<tr>
						<td align="center">
						<a href="#" onclick="selecionaTabela(0)">Dados Gerais</a>
						<br>
							<input class="dados_gerais_knob" data-thickness=.3 data-width="140" data-angleOffset=-125 data-angleArc=250 data-fgColor="#0D3DBF" data-readOnly=true rel="${candidato.porcentagemPreenchidaDadosGerais}" value="0" />
						</td>
						<td align="center">
						<a href="#" onclick="selecionaTabela(1)">Formações
						<br>
							<input class="formacoes_knob" data-thickness=.3 data-width="140" data-angleOffset=-125 data-angleArc=250 data-fgColor="#0D3DBF" data-readOnly=true rel="0" value="0" />
						</td>
						<td align="center">
						<a href="#" onclick="selecionaTabela(2)">Histórico Profissional
						<br>
							<input class="historico_knob" data-thickness=.3 data-width="140" data-angleOffset=-125 data-angleArc=250 data-fgColor="#0D3DBF" data-readOnly=true rel="${candidato.porcentagemPreenchidaHistorico}" value="0" />
						</td>
						<td align="center">
						<a href="#" onclick="selecionaTabela(3)">Expectativa Profissional
						<br>
							<input class="expectativa_knob" data-thickness=.3 data-width="140" data-angleOffset=-125 data-angleArc=250 data-fgColor="#0D3DBF" data-readOnly=true rel="${candidato.porcentagemPreenchidaExpectativa}" value="0" />
						</td>
						<td align="center">
						<a href="#" onclick="selecionaTabela(4)">Avaliação do Consultor
						<br>
							<input class="avaliacao_knob" data-thickness=.3 data-width="140" data-angleOffset=-125 data-angleArc=250 data-fgColor="#0D3DBF" data-readOnly=true rel="${candidato.porcentagemPreenchidaAvaliacao}" value="0" />
						</td>												
																		
					</tr>
				</table>		
			</div>
		</div>
	</form>
</body>
</html>